<meta charset="utf-8" />
<div class="breadcrumbs" id="breadcrumbs">
	<ul class="breadcrumb">
		<li>
			<i class="ace-icon fa fa-home home-icon"></i>
			<a href="index">首页</a>
		</li>
	</ul><!-- /.breadcrumb -->
</div>
<div class="page-content">

	<div class="row ">
		<div class="col-sm-6">
			<div class="widget-box" style="margin-bottom: 0px;">
				<div class="widget-header widget-header-flat">
					<h4 class="widget-title lighter">
						<i class="ace-icon fa fa-signal"></i>
						工作提醒
					</h4>
					<div class="widget-toolbar">
						<a href="#" data-action="collapse">
							<i class="ace-icon fa fa-chevron-up"></i>
						</a>
					</div>
				</div>

				<div class="widget-body" style="display: block; overflow:auto; height: 300px;">
					<div class="widget-main padding-0">
						<table class="table table-striped table-bordered table-hover">
							<thead class="thin-border-bottom">
								<tr>
									<th>负责人</th>
									<th>内容</th>
									<th>详情</th>
								</tr>
							</thead>
								
							<tbody>
								<tr>
								<td>常康</td>
								<td>下午4点之前，先把页面设计出来......</td>
								<td><button type="button" class="btn btn-xs btn-info" data-toggle="button">查看</button></td>
								</tr>
								<tr>
								<td>毛宁</td>
								<td>把生产计划表打印一份......</td>
								<td><button type="button" class="btn btn-xs btn-info" data-toggle="button">查看</button></td>
								</tr>
								<tr>
								<td>张泽朋</td>
								<td></td>
								<td><button type="button" class="btn btn-xs btn-info" data-toggle="button">查看</button></td>
								</tr>
								<tr>
								<td>马亚飞</td>
								<td>mes管理系统数据库设计好一点......</td>
								<td><button type="button" class="btn btn-xs btn-info" data-toggle="button">查看</button></td>
								</tr>
								<tr>
								<td>曹</td>
								<td>把做好美誉异常的mes管理系统代码上传到svn......</td>
								<td><button type="button" class="btn btn-xs btn-info" data-toggle="button">查看</button></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div><!-- /.widget-main -->
			</div><!-- /.widget-body -->
		</div><!-- /.widget-box -->
		
		<div class="col-sm-6">
				<div class="widget-box" style="margin-bottom: 0px;">
					<div class="widget-header widget-header-flat">
						<h4 class="widget-title lighter">
							<i class="ace-icon fa fa-signal"></i>
							系统公告
						</h4>
						<div class="widget-toolbar">
							<a href="#" data-action="collapse">
								<i class="ace-icon fa fa-chevron-up"></i>
							</a>
						</div>
					</div>
	
					<div class="widget-body" style="display: block; height: 305px;">
						<div class="widget-main padding-0">
							<div id="news2">
								<div id="dataPage">
									<table id="dynamic-table" class="table table-striped table-bordered table-hover">
										<thead>
											<tr>
												<th>标题</th>
												<th>内容</th>
												<th>发布时间</th>
											</tr>
										</thead>
										<tbody id="dataTable">
											<tr>
								<td>开会</td>
								<td>......</td>
								<td>2017-8-1</td>
								<td><button type="button" class="btn btn-xs btn-info" data-toggle="button">详情</button></td>
								</tr>
											<tr>
								<td>停电</td>
								<td>今天晚上有大到暴雨暂时停电一晚上......</td>
								<td>2017-8-1</td>
								<td><button type="button" class="btn btn-xs btn-info" data-toggle="button">详情</button></td>
								</tr>
											<tr>
								<td>通报</td>
								<td>张三由于未带工卡进入车间特意通报......</td>
								<td>2017-8-1</td>
								<td><button type="button" class="btn btn-xs btn-info" data-toggle="button">详情</button></td>
								</tr>
								<tr>
								<td>中秋节</td>
								<td>后天全体员工放假三天......</td>
								<td>2017-7-28</td>
								<td><button type="button" class="btn btn-xs btn-info" data-toggle="button">详情</button></td>
								</tr>
								<tr>
								<td>装修</td>
								<td>......</td>
								<td>2017-8-28</td>
								<td><button type="button" class="btn btn-xs btn-info" data-toggle="button">详情</button></td>
								</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div><!-- /.widget-main -->
					</div><!-- /.widget-body -->
				</div><!-- /.widget-box -->
			</div><!-- /.col -->

		<div class="col-sm-6">
				<div class="widget-box" style="margin-bottom: 0px;">
					<div class="widget-header widget-header-flat">
						<h4 class="widget-title lighter">
							<i class="ace-icon fa fa-signal"></i>
							信息统计
						</h4>
						<div class="widget-toolbar">
							<a href="#" data-action="collapse">
								<i class="ace-icon fa fa-chevron-up"></i>
							</a>
						</div>
					</div>
	
					<div class="widget-body" style="display: block; height: 305px;">
						<div class="widget-main padding-0">
							<div id="news2">
								<div id="dataPage">
								
		<div id="yuan" style="width: 400px;height:300px;"></div>
		
		
		
								</div>
							</div>
						</div><!-- /.widget-main -->
					</div><!-- /.widget-body -->
				</div><!-- /.widget-box -->
			</div><!-- /.col -->
		
		
		<div class="col-sm-6">
				<div class="widget-box" style="margin-bottom: 0px;">
					<div class="widget-header widget-header-flat">
						<h4 class="widget-title lighter">
							<i class="ace-icon fa fa-signal"></i>
							产品统计
						</h4>
						<div class="widget-toolbar">
							<a href="#" data-action="collapse">
								<i class="ace-icon fa fa-chevron-up"></i>
							</a>
						</div>
					</div>
	
					<div class="widget-body" style="display: block; height: 305px;">
						<div class="widget-main padding-0">
							<div id="news2">
								<div id="dataPage">
								<div id="main" style="width: 600px;height:320px;"></div>
								</div>
							</div>
						</div><!-- /.widget-main -->
					</div><!-- /.widget-body -->
				</div><!-- /.widget-box -->
			</div><!-- /.col -->
		
		
	</div><!-- /.row -->
</div><!-- /.page-content -->

						 <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('yuan'));

option = {
 
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    
    series : [
        {
            name: '访问来源',
            type: 'pie',
            radius : '55%',
            center: ['50%', '60%'],
            data:[
                {value:335, name:'设备数量'},
                {value:310, name:'消耗数量'},
                {value:234, name:'产品销量'},
                {value:135, name:'视频广告'},
                {value:1548, name:'仓库剩余'}
            ],
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};


        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>

							 <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));


        // 指定图表的配置项和数据
        var option = {
            title: {
                text: '半成品统计'
            },
            tooltip: {},
            legend: {
                data:['数量']
            },
            xAxis: {
                data: ["8月1日","8月2日","8月3日","8月4日","8月5日","8月6日"]
            },
            yAxis: {},
            series: [{
                name: '销量',
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20]
            }]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>

<script>
$("#link").click(function() {
	/* location.hash = "html/button.html" */
	return false;
})
</script>